<template>
	<view class="container">
		<view class="content">
			<view class="header">
				<image src="../../static/toubu.png" mode=""></image>
				<view class="photo">
					<image :src="persionList.imageUrl" mode="aspectFill"></image>
				</view>
				<view class="text">
					<p>{{list}}</p>
				</view>
			</view>
			<view>
				<view style="background-color: #f5f5f5;padding-bottom: 5px;padding-left: 10px;margin-bottom: 10px;" class="inner b-s" v-for="(item,index) in signList" :key="index">
					<p>
						<view v-show="item.payState=='' || item.payState==null?false:true">
							<text>{{item.payState=='' || item.payState==null?'------':item.payState}}</text>,
						</view>
						<text>{{item.examState=='' || item.examState==null?'------':item.examState}}</text>
					</p>
					<p>大赛名称：{{item.signName=='' || item.signName==null?'------':item.signName}}</p>
					<p>报名项目：{{item.projects=='' || item.projects==null?'':item.projects}}</p>
					<p>报名组别：{{item.groupType=='' || item.groupType==null?'':item.groupType}}组</p>
					<!-- <p>开始日期：{{(item.signTime=='' || item.signTime==null?'------':item.signTime) | dateModule}}</p> -->
					<view v-show="item.examLeve=='' || item.examLeve==null?false:true">
						<p>考试等级：{{item.examLeve=='' || item.examLeve==null?'------':item.examLeve}}</p>
					</view>
				</view>
			</view>
		</view>
	</view>
	
</template>

<script>
	import {mySign,signNum} from '../../apis'
	export default{
		data() {
			return{
				name:'',
				touxiang:'',
				signList:[],
				persionList:{},
				flag: true,
				list:""
			}
		},
		onLoad(option) {
			console.log(option)
			this.persionList = JSON.parse(decodeURIComponent(option.persionalInfo))
			console.log(this.persionList)
			mySign().then((res)=>{
				let [err,data] = res
				console.log(data)
				this.signList = data.data.data
			})
			signNum().then((res)=>{
				let [err,data] = res
				console.log(data)
				this.list = data.data.data
			})
		},
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		.header{
			margin-top: 5px;
			height: 30px;
			width: 100%;
			position: relative;
			margin-bottom: 60px;
			.photo{
				background-color: #fff;
				width: 19%;
				height: 70px;
				border-radius: 50%;
				position: absolute;
				top: 5px;
				left: 15px;
				overflow: hidden;
				border: 2px solid #c8c6c6;
			}
			.text{
				// border: 1px solid #ccc;
				width: 70%;
				position: absolute;
				top: 40px;
				left: 100px;
				p{
					font-size: 12px;
					color: #5f5e5e\
					
				}
			}
		}
		
		
	}
</style>
